<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 计数器  
        // 目标
        // 跑一圈
        // 跑一圈计数器+1
        // 跑完之后 查看是否到目标了  
        // 到目标停下来  


        // 初始值
        // 条件判断 
        // 执行的动作 
        // 自身变化  

/* 
        //初始值
        while(条件){
            // 条件满足执行的代码
            // 自身的变化
        } */

        // 张鹏跑步 

        var num = 0;
        while(num<5){  // 01234
            console.log(`正在跑第${num}圈`);
            num++;
        }
    
        // 初始值0 
        // 0<5 满足条件 {}里边的代码执行  打印正在跑第0圈 num变成1
        // 1<5 满足条件 {}里边的代码执行  打印正在跑第1圈 num变成2
        // 2<5 满足条件 {}里边的代码执行  打印正在跑第2圈 num变成3
        // 3<5 满足条件 {}里边的代码执行  打印正在跑第2圈 num变成4
        // 4<5 满足条件 {}里边的代码执行  打印正在跑第2圈 num变成5
        //回来判断条件 5<5 不成立 循环结束 
        

    </script>    
</body>
</html>